<template>
  <div>
    <el-table :data="tableData" class="tableStyle" border stripe height="250">
      <el-table-column type="index" :index="indexMethod"> </el-table-column>
      <el-table-column prop="tm" label="时间" align="center"> </el-table-column>
      <el-table-column prop="addrss" label="地点" align="center">
      </el-table-column>
      <el-table-column prop="real" label="实际次数" align="center">
      </el-table-column>
      <el-table-column prop="earlyWarning" label="预警次数" align="center">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  props: ["tableData"],
  data() {
    return {};
  },

  methods: {
    indexMethod(index) {
      return index + 1;
    },
  },
};
</script>

<style lang="scss" scoped>
.tableStyle {
  background-color: transparent !important;

  ::v-deep .el-table,
  ::v-deep tr,
  ::v-deep td {
    // background-color: transparent !important;
    // color: #ffffff;
    cursor: pointer;
    text-align: center;
  }
  ::v-deep th {
    color: #fff;
    background-color: #3e8ef7 !important;
    cursor: pointer;
    text-align: center;
  }
  ::v-deep .el-table__body tr.current-row > td {
    background-color: #409eff;
    // color: #00eaff;
  }
}
</style>